//物料--操作按钮
<template>
  <draggable
    :list="list"
    item-key="id"
    :animation="300"
    :sort="false"
    :group="{ name: 'article', pull: 'clone' }"
    @end="end1"
    class="dragArea1"
  >
  <!-- <div class="list-complete-item1">
        <div class="list-complete-item-handle2">{{ element.name }}</div>
      </div> -->
    <template #item="{ element }">
      <a-button class="but" type="dashed">{{element.title}}</a-button>
    </template>
  </draggable>
  
</template>
<script>
import { defineComponent, ref, reactive, toRefs, toRaw } from "vue";
import draggable from "vuedraggable";
const staticData = {};
export default defineComponent({
  name: "supplies",
  components: {
    draggable
  },
  setup() {
    const data = reactive({
      list: [
        {
          title:'基本输入框',
          tag:'a-input'
        }
      ]
    });
    const mothods = {};
    return {
      ...toRefs(data),
      ...staticData,
      ...mothods,
    };
  },
});
</script>
<style lang="less" scoped>
.but{
  cursor:move;
}
</style>
